<template>
  <div class="whatjifen">
    <header>
      <div class="more-left" @click="danji"><a><img src="../assets/img/m1.png" ></a></div>
      <div class="more-center">{{msg}}</div>
      <div class="more-right"><a><img src="../assets/img/m46.png"></a></div>
    </header>
    <section class="help">
      <p>{{zanwu}}</p>
      <div class="wenzi">{{fenxiang}}</div>
    </section>
  </div>
</template>

<script>
export default {
  name: 'hello',
  data () {
    return {
      msg: '积分详情',
      zanwu: '暂无积分！！',
      fenxiang: '分享、注册、交易等业务均可获得积分，速度快嫡女就差你粉色欧均可获得积分，速度快嫡女就差'
    }
  },
  methods: {
    danji () {
      this.$router.go(-1)
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang='less'>
  @import '.././assets/css/reset.css';
  @import '.././assets/css/index.less';
  header{
    width:100%;
    .height(140);
    .font-size(40);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #28a85b;
    color:#ffffff;
    .more-center{
        flex: 1;
        text-align: center;
    }
    .more-left{
      a{
        display: block;
        img{
          .height(40);
          .padding(0,0,0,40);
          display: block;
        }
      }
    }
    .more-right{
      a{
        img{
          .height(54);
          .padding(0,40,0,0);
        }
      }
    }
  }
  .help{
    .border-top(22,solid,#f2f2f2);
    >p{
      .height(104);
      background: #e3e3e3;
      .font-size(32);
      .line-height(104);
      .px2rem(padding-left,42);
    }
    .wenzi{
      .font-size(30);
      .px2rem(margin-top,20);
      .line-height(40);
      .px2rem(margin-left,20);
      .px2rem(margin-right,20);
      text-indent: 2em;
      color: #4d4d4d;
    }
  }
</style>
